<div class="app-content-body count-content">
    <div class="wrapper-md">
        <div class="row" style="margin: 0px;">
            <div class="col-md-3">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                   开始时间：
                </div>
                <div style="width: 70%; float: right; margin-top: -5px;">
                    <m-datepicker select-dt="info.startDate"></m-datepicker>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                   结束时间：
                </div>
                <div style="width: 70%; float: right; margin-top: -5px;">
                    <m-datepicker select-dt="info.endDate"></m-datepicker>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                    需求来源：
                </div>
                <div style="width: 70%; float: right;">
                    <m-ui-select prompt="请选择需求来源"
                                 itme-list="info.departmentList"
                                 selected-item="info.sltDepartItem"
                                 trash-btn="true">
                    </m-ui-select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                    提出人：
                </div>
                <div style="width: 70%; float: right;">
                    <m-ui-select prompt="请选择提出人"
                                 itme-list="info.creatorList"
                                 selected-item="info.sltCreatorItem"
                                 select-item-fun="clickCreator(item)"
                                 trash-btn="true">
                    </m-ui-select>
                </div>
            </div>
        </div>
        <div class="row" style="margin: 0px; margin-top: 10px;" ng-show="info.isPDM">
            <div class="col-md-3 hide">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                    产&nbsp;&nbsp;&nbsp;品&nbsp;&nbsp;&nbsp;组：
                </div>
                <div style="width: 70%; float: right;">
                    <m-ui-select prompt="请选择产品组"
                                 itme-list="info.productList"
                                 selected-item="info.sltProductItem"
                                 trash-btn="true">
                    </m-ui-select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-control-static" style="width: 30%; float: left; text-align: right;">
                    受&nbsp;&nbsp;&nbsp;理&nbsp;&nbsp;&nbsp;人：
                </div>
                <div style="width: 70%; float: right;">
                    <m-ui-select prompt="请选择受理人"
                                 itme-list="info.toAccountList"
                                 selected-item="info.sltAccountItem"
                                 trash-btn="true">
                    </m-ui-select>
                </div>
            </div>
            <div class="col-md-6"></div>
        </div>
        <div class="row" style="margin: 0px; margin-top: 10px;">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <button class="btn btn-default btn-xs" ng-click="getPieAndSpline()"><i class="fa fa-play"></i> 执行统计</button>
                    </div>
                    <div class="panel-body">
                        <h4>需求状态分布</h4>
                        <div style="height: 240px; text-align: center; padding-top: 5%;" ng-if="!info.isShowPie">
                            <i class="fa fa-spinner fa-spin fa-3x fa-fw" style="color: #bbb;"></i>
                        </div>
                        <div ng-if="info.isShowPie" ui-jq="plot" ui-options="
                            {{info.pieData}},
                            {
                                series: { pie: { show: true, stroke: { width: 0 }, label: { show: false, threshold: 0.5 } } },
                                colors: ['{{app.color.primary}}','{{app.color.info}}','{{app.color.warning}}','{{app.color.success}}','{{app.color.danger}}', '#C4C4C4'],
                                grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
                                tooltip: true,
                                tooltipOpts: { content: '%s  %p.0%',  defaultTheme: false, shifts: { x: 0, y: 20 } }
                            }
                          " style="height:240px">
                        </div>
                        <br/>
                        <h4>及时受理率</h4>
                        <div style="height: 240px; text-align: center; padding-top: 5%;" ng-if="!info.isShowTimely">
                            <i class="fa fa-spinner fa-spin fa-3x fa-fw" style="color: #bbb;"></i>
                        </div>
                        <div ng-if="info.isShowTimely" ui-jq="plot" ui-options="
                            [
                              { data: {{info.splineTimely}}, points: { show: true, radius: 6}, splines: { show: true, tension: 0.45, lineWidth: 5, fill: 0 } }
                            ], 
                            {
                              colors: ['{{app.color.info}}'],
                              series: { shadowSize: 3 },
                              xaxis:{ 
                                font: { color: '#ccc' },
                                position: 'bottom',
                                ticks: {{info.viewTimelyDay}}
                              },
                              yaxis:{ font: { color: '#ccc' }, min: 0 },
                              grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
                              tooltip: true,
                              tooltipOpts: { content: '%x : %y 个',  defaultTheme: false, shifts: { x: 0, y: 20 } }
                            }
                          " style="height:240px">
                        </div>
                        <br/>
                        <h4>按时完成率</h4>
                        <div style="height: 240px; text-align: center; padding-top: 5%;" ng-if="!info.isShowNotTimely">
                            <i class="fa fa-spinner fa-spin fa-3x fa-fw" style="color: #bbb;"></i>
                        </div>
                        <div ng-if="info.isShowNotTimely" ui-jq="plot" ui-options="
                            [
                              { data: {{info.splineNotTimely}}, points: { show: true, radius: 6}, splines: { show: true, tension: 0.45, lineWidth: 5, fill: 0 } }
                            ], 
                            {
                              colors: ['{{app.color.info}}'],
                              series: { shadowSize: 3 },
                              xaxis:{ 
                                font: { color: '#ccc' },
                                position: 'bottom',
                                ticks: {{info.viewNotTimelyDay}}
                              },
                              yaxis:{ font: { color: '#ccc' }, min: 0 },
                              grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
                              tooltip: true,
                              tooltipOpts: { content: '%x : %y.0 个',  defaultTheme: false, shifts: { x: 0, y: 20 } }
                            }
                          " style="height:240px">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<winit-settings table-scope="info.tableScope"
                search-ele="settings.searchEle"
                select-list="settings.selectEle"
                ui-slt-list="settings.uiSltEle"
                btn-list="settings.btnEle">
</winit-settings>